<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心 - {$config.WEB_SITE_TITLE}</title>

    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/btm.css">
    <script src="__PUBLIC__/Home/js/adaptive.js"></script>
    <script src="__PUBLIC__/Home/js/device.min.js"></script>
    <script src="__PUBLIC__/Home/js/mui.min.js"></script>

    <style>
        <!--头部-->

        .btm li:nth-child(4) a{color: #00B0B8}


        .home{width: 7.5rem;height: auto;margin: 0 auto ;background: #ffff;margin-bottom: 2rem;}

        h4{width: 7.5rem;text-align: center;height: 0.88rem;background: #01B0B8;color: #fff;font-size: 0.34rem;line-height: 0.88rem;position: fixed;top:0;z-index: 100}
        .top{width: 7.5rem;height: 5rem;margin-top: 0.88rem;}
        .top .per{width: 100%;height: 2.42rem ;position: relative;background: #fff;}
        .top  .per .shezhi{position: absolute;top:0.5rem;right: 0.3rem}
        .top  .per .user{position: absolute;top:0.5rem;left: 1.4rem;font-size: 0.34rem;}
        .top .per a{color: #666}
        .top .per .tx{width: 1rem;height: 1rem;border-radius: 50%;position: absolute;left: 0.3rem;top:0.2rem}
        .top .per .p1{font-size: 0.32rem;color: #333;position: absolute;bottom: 0.5rem;left: 0.3rem;}
        .top .per .p2{font-size: 0.25rem;color: #999;position: absolute;bottom: 0.1rem;left: 0.3rem;}
        .top .per .vip{font-size: 0.26rem;color: #999;position: absolute;bottom: 0.5rem;right: 0.3rem;padding-left: 0.7rem;line-height: 0.3rem;}
        .top .per .vip .hy{width: 0.5rem;height: 0.5rem;position: absolute;left: 0px;top:0px;}
        .top .per .vip .fh{position: relative;top: 0.1rem;right: -0.1rem;}

        /*添加萌娃*/
        .addmw{width: 100%;height: 3rem;background: #fff;position: absolute;top: 2.2rem;}
        .stu1{width: 100%;height: auto;text-align: center;position: relative;padding-top: 2.1rem;display: block}
        .stu1 span{width: 1rem;height: 1rem;background: #E7E7E7;border-radius: 50%;display: inline-block;
            position: absolute;left:50%;transform: translate(-50%);text-align: center;padding-top: 0.25rem;top:1rem;}
        .stu1 span b{color: #959595;font-size: 0.5rem;font-weight: 800;}

        .mengwa {width: 3.4rem;height: 2.8rem;background: #ffff;border-radius: 5px;position: absolute;left: 0.3rem;bottom: 0px;}
        .mengwa .mengwa-tx{width: 1rem;height: 1rem;border-radius: 50%;position: absolute;left: 0px;top: 0px;}
        .mengwa .mengwa-user{position: absolute;left: 1.1rem;top: 0.1rem;font-size: 0.3rem;color: #333}
        .mengwa .ziliao{position: absolute;left: 1.1rem;top: 0.5rem;font-size: 0.24rem;color: #999}
        .mengwa .del{position: absolute;right: 0.1rem;top: 0.1rem;width: 0.4rem;height: 0.4rem;background: #FC5624;border-radius: 50%;}
        .mengwa .del b{position: absolute;top:50%;left: 0.05rem;transform: translateY(-50%);
            width: 0.3rem;height: 0.1rem;background: #fff;border-radius: 0.2rem;}
        .mengwa nav{position: absolute;display: flex;justify-content: space-between;width: 100%;top:1.2rem;padding: 0px 0.2rem;}
        .mengwa nav span{text-align: center;color: #999}
        .mengwa .zhuye{width: 3rem;height: 0.6rem;position: absolute;left: 0.2rem;display: block;color: #fff;border-radius: 0.2rem;
        background: #0181B8;text-align: center;line-height: 0.6rem;bottom: 0rem;font-size: 0.24rem;}


        .dingdan{width: 100%;height: 1.7rem;background: #fff;margin-top: 0.5rem;border-bottom: 1px solid #DEDEDE}

        .dingdan  ul{width: 100%;height:1.2rem;display: flex;justify-content: space-around;}
        .dingdan  ul li{text-align: center;position: relative;line-height: 2rem}
        .dingdan  ul li a{color: #7D7D7D}
        .dingdan  ul li img{position: absolute;left: 50%;transform: translate(-50%);width: 0.6rem;height: 0.65rem;}



        .p-btm{width: 100%;height: auto;padding-left:0.3rem; }
        .p-btm li{width: 100%;height: 0.92rem;border-bottom: 1px solid #DEDEDE;line-height: 0.92rem;}
        .p-btm li a{}
        .p-btm li img:nth-child(1){margin-right: 0.3rem;}
        .p-btm li span:nth-child(2){font-size: 0.32rem;color: #646464}
        .p-btm li img:nth-child(3){float: right;margin:0px 0.3rem;position: relative;top:0.25rem;}
        .p-btm li span:nth-child(4){color: #999;float: right}


    </style>
</head>
<body>
<div class="home">
    <!--顶部栏-->
    <h4>我的</h4>

    <!--底部栏-->
    <ul class="btm">
        <li>
            <a href="{:U('Index/index')}">
                首页
                <img src="__PUBLIC__/Home/img/ft1.1.png" alt="">
            </a>
        </li>
        <li>
            <a href="{:U('Index/childStar')}">
                童星
                <img src="__PUBLIC__/Home/img/ft2.1.png" alt="">
            </a>
        </li>

        <li>
            <a href="{:U('Index/shop')}">
                商城
                <img src="__PUBLIC__/Home/img/ft3.1.png" alt="">
            </a>
        </li>

        <li>
            <a href="{:U('User/index')}">
                个人
                <img src="__PUBLIC__/Home/img/ft4.2.png" alt="">
            </a>
        </li>


    </ul>




     <div class="top">

         <div class="per">
             <img src="{$user.head_pic}" alt="" class="tx">
             <a href="{:U('User/setting')}" class="shezhi">设置</a>
             <span class="user">{$user.nickname}</span>
             <p class="p1">我的萌娃</p>
             <p class="p2">萌娃添加后才能报名通告参加活动</p>
             <a href="{:U('User/vip')}" class="vip"><img src="__PUBLIC__/Home/img/p-vip.png" alt="" class="hy">未开通会员 <img src="__PUBLIC__/Home/img/fanhui2.png" alt="" class="fh"></a>

             <!--添加萌娃-->
             <div style="clear:both"></div>
             <div class="addmw">
                <if condition="$has neq 1">
                 <a class="stu1" href="{:U('User/addBaby')}">
                     <span class="add"><b>+</b></span>
                     <p>添加萌娃</p>
                 </a>
                <else />
                 <div class="mengwa">
                     <img src="{$child.head_pic}" alt="" class="mengwa-tx">
                     <span class="mengwa-user" >{$child.name}</span>
                     <p class="ziliao">资料完整度80%</p>
                     <span class="del"><b></b></span>

                     <nav>
                         <span>
                             <a>0</a><br>
                             照片
                         </span>
                         <span>
                             <a>0</a><br>
                             模卡
                         </span>
                         <span>
                             <a>0</a><br>
                             视频
                         </span>
                     </nav>

                     <a class="zhuye" href="{:U('User/showSprout',array('id'=>$child[id]))}" style="color: #fff;">查看/编辑萌娃主页</a>
                 </div>
                </if> 
             </div>

         </div>





     </div>
<!--我的订单-->
        <div class="dingdan">

            <ul>
                <li><a href="{:U('User/notice')}">
                    <img src="__PUBLIC__/Home/img/p-1.png" alt="">
                    我的消息 </a>
                </li>
                <li><a href="{:U('User/mypocket')}">
                    <img src="__PUBLIC__/Home/img/p-2.png" alt="">
                    我的余额</a>
                </li>
                <li><a href="{:U('User/Announcement')}">
                    <img src="__PUBLIC__/Home/img/p-3.png" alt="">
                    我的通告</a>
                </li>
                <li><a href="{:U('User/Activity')}">
                    <img src="__PUBLIC__/Home/img/p-4.png" alt="">
                    我的活动</a>
                </li>

            </ul>

        </div>
    
    
       <ul class="p-btm">
          <li>
              <a href="#">
                  <img src="__PUBLIC__/Home/img/p-fx.png" alt="">
                  <span>推荐给好友</span>
                  <img src="__PUBLIC__/Home/img/fanhui2.png" alt="">
                  <span>这么好用推荐给好友吧</span>
              </a>
          </li>
           <li>
               <a href="{:U('User/collect')}">
                   <img src="__PUBLIC__/Home/img/p-sc.png" alt="">
                   <span>我的收藏</span>
                   <img src="__PUBLIC__/Home/img/fanhui2.png" alt="">
                   <span>收藏的活动/通告/童星</span>
               </a>
           </li>
           <li>
               <a href="{:U('User/address')}">
                   <img src="__PUBLIC__/Home/img/p-dz.png" alt="">
                   <span>收货地址</span>
                   <img src="__PUBLIC__/Home/img/fanhui2.png" alt="">
                   <span></span>
               </a>
           </li>
           <li>
               <a href="{:U('User/Join')}">
                   <img src="__PUBLIC__/Home/img/p-jm.png" alt="">
                   <span>我要加盟</span>
                   <img src="__PUBLIC__/Home/img/fanhui2.png" alt="">
                   <span>合作申请点这里</span>
               </a>
           </li>
       </ul>
    </div>
<script src="__PUBLIC__/Home/js/jquery-1.11.1.js"></script>
<script>
    $(".add").click(function () {
       $(".mengwa").show();
    })
    $(".del").click(function () {
       var res= confirm('您确定要删除您的萌娃吗？')
       if(res){
        $.ajax({
            method:'post',
            url:"{:U('User/delmw')}",
            dataType:'json',
            data:{

            },
            success:function(data){
                alert(data.msg)
                    if(data.status==2000){
                        location.reload()
                    }
                
            }
        })
            
       }
        //
    })
</script>
</body>
</html>